var _lat;
var _lng;
var _city;
var map1;
var  point;
//下两个变量谷歌地图使用
//var _i=0;
//var infowindows=new Array();　
//发现附近门店（初始值为没有发现）
var findMarkflag = true;
//根据车型，查询电池
function queryDianchiNext() {
    $('#loading').hide();
	var id = $('#chexingId').val();
	var hiddenProvince = $("#hiddenProvince").val();
	var hiddenCity = $("#hiddenCity").val();
	var hiddenTown = $("#hiddenTown").val();
	if ('' != id) {
		$.ajax( {
					url : 'ajaxQueryDianchi.do?t=' + (new Date()),
					type : 'post',
					data : {
						id : id,
						town : hiddenTown,
						city : hiddenCity,
						province : hiddenProvince
					},
					dataType : 'json',
					success : function(data) {
						if (data.success) {
							var html = "";
							for ( var i = 0; i < data.result.length; i = i + 1) {
								html += "<li><div class='frame'><div class='ab'>"
										+ data.result[i].pinPai
										+ data.result[i].xingHao
										+ "</div><img onclick=\"saveToForm(this,'"
										+ data.result[i].id
										+ "','"
										+ data.result[i].pinPai
										+ "','"
										+ data.result[i].xingHao
										+ "','"
										+ data.result[i].ourPrice
										+ "','"
										+ data.result[i].imageUrl
										+ "');\"  src='"
										+ data.result[i].imageUrl
										+ "' class='small'><em></em><img src='../dewei/img/zoomin_btn_normal.png' onclick=\"previewImage2('"
										+ data.result[i].pinPai + "','"
										+ data.result[i].xingHao + "','"
										+ data.result[i].ourPrice + "','"
										+ data.result[i].imageUrl + "','"
										+ data.result[i].zhongliang + "','"
										+ data.result[i].licheng + "','"
										+ data.result[i].marketPrice
										+ "');\"  class='zoom'/>"
										+ "<div class='ab'>市场换购价￥"
										+ data.result[i].marketPrice
										+ "</div><div style='color:red'>本网换购价￥"
										+ data.result[i].ourPrice
										+ "</div></div></div>";
							}
							$('#dianchiId').val('');
							$("#pinPai").val('');
							$("#xingHao").val('');
							$("#ourPrice").val('');
							$("#imageUrl").val('');
							$("#dianchiUl").html(html);
							$(".dianchiTypeBtn").removeClass('btnBlue');
							next();
						} else {
							alert('加载电池失败：' + data.message);
						}
					}
				});
	} else {
		alert('请选择与您家电动车类型的车型');
	}
}
//将选择的电池保存到订单中（）
function saveToForm(obj, id, pinPai, xingHao, ourPrice, imageUrl) {
	$(obj).siblings('li').removeClass('sel');
	$('#dianchiId').val(id);//选中 电池id
	$("#pinPai").val(pinPai);
	$("#xingHao").val(xingHao);
	$("#ourPrice").val(ourPrice);
	$("#imageUrl").val(imageUrl);
	if (imageUrl) {
		$('#dianchiImge2').attr("src", imageUrl);
		$('#dianchiImge1').attr("src", imageUrl);
	}
	$("#showPinpai1").html(pinPai);
	$("#showPinpai2").html(pinPai);
	$("#showXinghao1").html(xingHao);
	$("#showXinghao2").html(xingHao);
	$("#showPrice1").html(ourPrice);
	$("#showPrice2").html(ourPrice);
	$(".dianchiTypeBtn").addClass('btnBlue');
	$(obj).addClass('sel');
	afterSelectDianchi();
}

function previewImage(url) {
	$('#preview .frame').attr('src', url);
	$('#preview').show();
}
function closePreview() {
	$('#preview').hide();
	$('#preview2').hide();
}
function previewImage2(pinPai, xingHao, ourPrice, imageUrl, zhongliang,
		licheng, marketPrice) {
	$('#preview2 .frame').attr('src', imageUrl);
	$('#preview2 .ab').html(pinPai + xingHao);
	$('#preview2 .ad').html("重" + zhongliang + "公斤，行驶里程约" + licheng + "公里");
	$('#preview2 .marketprice').html("市场换购价￥" + marketPrice);
	$('#preview2 .ourprice').html("本网换购价￥" + ourPrice);
	$('#preview2').show();
}
function showEditInfo(id) {
	if('mapinfo_pane'==id){
		initMap();
	}
	
	$('.footer_bar').show();
	$('#mapinfo_pane').css('display', 'none');
	$('#userinfo_pane').css('display', 'none');
	$('#' + id).css('display', 'block');
	slider.goToSlide(3);
}

function showConfirmInfo(id) {
	if ('shangmen' == id) {
		$('#mendian').css('display', 'none');
		$('#shangmen').css('display', 'block');
		var addr = $('#shangmenAddress').val();
		var tel = $("#shangmenTel").val();
		var hiddenTime = $("#shangmenTime").html();
		if($("#shangmenName").val()==''){
			alert('请填写你的名字');
			return;
		}
		if (tel) {
			var r =/^((1[0-9]{2})+\d{8})$/;
			if(!r.test(tel)){alert('手机号码不合法');return;}
			if (hiddenTime) {
				var nowDate=$("#nowDate").val();
				if(nowDate>hiddenTime){
					alert('预约日期不可选');return;
					if(nowDate==hiddenTime){
						var nowHour=$("#nowHour").val();
						if(nowHour>($("#shangmenHour").val() + ":"+ $("#shangmenMuni").val())){
							alert('预约时间不正确');return;
						}
					}
				}
				$("#hiddenChangeType").val('人工上门更换');
				$("#hiddenAddress").val(addr);
				$("#hiddenKehuName").val($("#shangmenName").val());
				$("#hiddenLxTel").val(tel);
				$("#hiddenTime").val(hiddenTime + " " + $("#shangmenHour").val() + ":"+ $("#shangmenMuni").val());
				$("#showKehuName2").html($("#shangmenName").val());
				$("#showLxTel2").html(tel);
				$("#showAddr2").html(addr);
				$("#showTime2").html($("#hiddenTime").val());
				$("#dianchiImge2").attr("src", $("#imageUrl").val());
				slider.goToSlide(4);
			} else {
				alert('请选择预约日期');
			}
		} else {
			alert('请填写您的手机号码');
		}
	} else if ('mendian' == id) {
		$('#shangmen').css('display', 'none');
		$('#mendian').css('display', 'block');
		$("#hiddenChangeType").val('附近门店更换');
		$("#dianchiImge1").attr("src", $("#imageUrl").val());
		$("#showAddr1").html($("#hiddenmendianAddr").val());
		$("#showName1").html($("#hiddenMendianName").val());
		$("#showLxr1").html($("#hiddenMendianLxr").val());
		$("#showLxTel1").html($("#hiddenMenDianTel").val());
		$(".fujinwuwangdianDiv").hide();
		$(".mendianDiv").show();
		if (!findMarkflag) {
			//方圆5公里没有店面
			if ('' != $('#lianxiKefuTel').val()) {
				$("#hiddenKehuName").val($('#lianxiName').val());
				$("#hiddenAddress").val($('#lianxiAddr').val());
				$("#hiddenChangeType").val('附近无网点');
				$("#hiddenLxTel").val($("#lianxiKefuTel").val());
				$("#showAddr3").html($("#hiddenAddress").val());
				$("#showName3").html($("#hiddenKehuName").val());
				$("#showLxTel3").html($("#hiddenLxTel").val());
				$(".fujinwuwangdianDiv").show();
				$(".mendianDiv").hide();
				slider.goToSlide(4);
			} else {
				alert('请填写好您的信息');
			}
		} else {
			slider.goToSlide(4);
		}
	}
}
function getCurrentAddress() {
	_lat = $("#hiddenLat").val();
	_lng = $("#hiddenLng").val();
	if (_lat && _lng) {
		$("#hiddenLng").val(_lng);
		$("#hiddenLat").val(_lat);
		getLocation(_lat, _lng);
	}else{
		$('.loading').css('display', 'inline-block');
		navigator.geolocation.getCurrentPosition(function(position) {
			_lat = position.coords.latitude;
			_lng = position.coords.longitude;
			$("#hiddenLng").val(_lng);
			$("#hiddenLat").val(_lat);
			getLocation(_lat, _lng);
		},
		function(error) {
				switch (error.code) {
				case error.TIMEOUT:
					alert("获取位置超时！您可通过点击消息界面，打开【+】按钮，点击【位置】按钮，手动发送您的当前位置");
					break;
				case error.PERMISSION_DENIED:
					alert("您拒绝了使用位置共享服务，查询已取消");
					break;
				case error.POSITION_UNAVAILABLE:
					alert("获取位置超时！您可通过点击消息界面，打开【+】按钮，点击【位置】按钮，手动发送您的当前位置");
					break;
				}
			}, {
				maximumAge : 10000,
				timeout : 10000,
				enableHighAccuracy : true
			});
	}
}

function getLocation(lat, lng) {
	$.ajax( {
		url : "getLocation.do?t=" + (new Date()),
		dataType : "json",
		type : 'post',
		data : {
			lat : lat,
			lng : lng
		},
		success : function(data) {
			if (data.status == 0) {
				_city = data.result.addressComponent.city;//将电池的城市赋值
		        $('#city').html(_city);
		        $('.address').val(data.result.formatted_address);
		        $('#hiddenProvince').val(data.result.addressComponent.province);
		        $('#hiddenCity').val(_city);
		        $('#hiddenTown').val(data.result.addressComponent.district);
		        getCheXingByCity(_city);
	        } else { alert("定位失败");}
		}
	});
}
function getCheXingByCity(city){
	if(city){
				$.ajax( {
					url : 'ajaxQueryChexByCity.do?t=' + (new Date()),
					type : 'post',
					data : {
						'city' : city
					},
					dataType : 'json',
					success : function(data) {
						if (data.length>0) {
							$("#chexingUl").html('');
							var html = "";
							for ( var i = 0; i < data.length; i = i + 1) {
								html += "<li><div class='frame'><img onclick=\"bindSelectUl('"+data[i].id+"','"+data[i].name+"',this);\" src='"+data[i].imageUrl+"' class='small'><div class='lbl' style='display:inline-block;'>"+data[i].name+"</div><em></em><img  src='../dewei/img/zoomin_btn_normal.png'	 class='zoom' /></div></li>";
							}
							$("#chexingUl").html(html);
							$('#loading').hide();
							$(".products li .zoom").each(function(){
								var that=this;
								var img=$(that).parent().find('.small');
								$(this).click(function(){previewImage(img.get(0).src);});
							});
						} else {
							alert('加载车型失败：' + data.message);
						}
					}
				});
	}else{
		alert('不能确定当前城市');
	}
}
function bindSelectUl(id, name,obj) {
	$('.sel').removeClass('sel');
	$('#chexingId').val(id);//选中的车型id
	$('#hiddenChexingName').val(name);//选中的车型id or 电池
	$(obj).addClass('sel');
	queryDianchiNext();
}

var fallbackToIPGeoLocation = function() {
	if (google.loader.ClientLocation) {
		_lat = google.loader.ClientLocation.latitude;
		_lng = google.loader.ClientLocation.longitude;
		$("#layer").show();
		$("#layer0").hide();
		$("#map").hide();
		loadMap();
		$('#loading').hide();
	} else {
		alert("定位 error");
	}
};

function initMap() {
	var width = $("#tester").width();
	var height = $("#tester").height() - 50;
	$("#tester").remove();
	$('#mappanel').css('width', width + "px");
	$('#mappanel').css('height', height + "px");
	$('#map').css('width', width + "px");
	$('#map').css('height', height + "px");
	_lat = $("#hiddenLat").val();
	_lng = $("#hiddenLng").val();
	if (_lat && _lng) {
		if(findMarkflag){
		$("#layer").show();
		$("#layer0").hide();
		$("#map").hide();
		loadMap();
		$('#loading').hide();
		}else{
		$("#map").hide();$("#layer").hide();$("#layer0").show();
		}
	} else {
		if (navigator.geolocation) {
			navigator.geolocation.getCurrentPosition(function(position) {
				_lat = position.coords.latitude;
				_lng = position.coords.longitude;
				$("#layer").show();
				$("#layer0").hide();
				$("#map").hide();
				loadMap();
				$('#loading').hide();
			}, function(error) {
				switch (error.code) {
				case error.TIMEOUT:
					alert("获取位置超时！您可通过点击消息界面，打开【+】按钮，点击【位置】按钮，手动发送您的当前位置");
					break;
				case error.PERMISSION_DENIED:
					alert("您拒绝了使用位置共享服务，查询已取消");
					break;
				case error.POSITION_UNAVAILABLE:
					alert("获取位置超时！您可通过点击消息界面，打开【+】按钮，点击【位置】按钮，手动发送您的当前位置");
					break;
				}
			}, {
				maximumAge : 60000,
				timeout : 20000,
				enableHighAccuracy : true
			});
		} else {
			alert("浏览器不支持geolocation");
		}
	}
}

function loadMap() {
	if(map1){
		$("#layer").hide();
		$("#layer0").hide();
		$("#map").show();
	}else
	if (_lat && _lng) {
		$("#hiddenLng").val(_lng);
		$("#hiddenLat").val(_lat);
//google map
//	var latlng = new google.maps.LatLng(_lat, _lng);
//	var options = {zoom : 15,center : latlng,mapTypeId : google.maps.MapTypeId.ROADMAP};
//	map1 = new google.maps.Map(document.getElementById('map'), options);
//	$("#layer").hide();$("#layer0").hide();
//	$("#map").show();
//	var marker1 = new google.maps.Marker( {
//		position : latlng,
//		map : map1
//	});
//	var infowindow = new google.maps.InfoWindow( {
//		content : "<div style='font-size:14px;'>您的位置</div>"
//	});
//	infowindow.open(map1, marker1);
//	$.ajax( {url : "getMakers.do?lat=" + _lat + "&lng=" + _lng + "&t="+ (new Date()),dataType : "json",success : 
//		function(data) {
//	     if (data.success) {
//	         if (data.result.length < 1) {
//		         findMarkflag = false;
//		         $("#map").hide();
//		         $("#layer").hide();
//		         $("#layer0").show();
//		     } else {
//		    	 findMarkflag = true;
//					for ( var i = 0; i < data.result.length; i = i + 1) {								
//								var html = "<div style='font-size:14px;width:294px;'><b>"
//												+ data.result[i].name
//												+ "</b></div>";
//										html += "<div style='font-size:12px;margin-top:3px'>地址："
//												+ data.result[i].address
//												+ "</div>";
//										html += "<div style='font-size:12px;'>电话："
//												+ data.result[i].lxrTel
//												+ "</div>";
//										html += "<div style='font-size:12px;'>大约距离："
//												+ data.result[i].distance
//												+ "公里</div>";
//										html += "<div style='font-size:12px;'>&nbsp;</div>";
//								
//								var latlng1= new google.maps.LatLng(data.result[i].latitude, data.result[i].longitude);
//								var marker = new google.maps.Marker( {
//									position : latlng1,
//									map : map1
//								});
//								infowindows[i]=new google.maps.InfoWindow( {content : html});
//								addEvent(marker, infowindows[i],map1,data.result[i].address,data.result[i].id,i,data.result[i].name,data.result[i].lxr,data.result[i].lxrTel);
//								if(data.result[i].tuijian){
//										$("#hiddenmendianAddr").val(data.result[i].address);
//										$("#hiddenMendianId").val(data.result[i].id);
//										$("#hiddenMendianLxr").val(data.result[i].lxr);
//										$("#hiddenMendianName").val(data.result[i].name);
//										$("#hiddenMenDianTel").val(data.result[i].lxrTel);
//									infowindows[i].open(map1, marker);
//									_i=i;
//									map1.setCenter(latlng1, 15);
//								}
//							}
//						}
//						} else {
//							alert("查询失败" + data.message);
//						}
//					}});
		
		
//百度地图
	    point = new BMap.Point(_lng, _lat);
		map1 = new BMap.Map("map"); // 创建Map实例
		$("#layer").hide();
		$("#layer0").hide();
		$("#map").show();
		map1.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别。
		map1.enableScrollWheelZoom(); //启用滚轮放大缩小，默认禁用
		map1.enableContinuousZoom(); //启用地图惯性拖拽，默认禁用
		map1.addControl(new BMap.ScaleControl()); // 添加比例尺控件
		map1.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件
		map1.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件

		var marker = new BMap.Marker(point); // 创建标注     
		map1.addOverlay(marker);
		var opts = {
			width : 100,
			height : 50,
			title : ""
		}
		var infoWindow = new BMap.InfoWindow("您的位置", opts); // 创建信息窗口对象     
		map1.openInfoWindow(infoWindow, point); // 打开信息窗口  
		marker.addEventListener("click", function() {
			map1.openInfoWindow(infoWindow, point);
		});
		$.ajax( {
					url : "getMakers.do?lat=" + _lat + "&lng=" + _lng + "&t="+ (new Date()),
					dataType : "json",
					success : function(data) {
						if (data.success) {
							if (data.result.length < 1) {
								//没有查询到，需要清空门店的信息
								$("#hiddenmendianAddr").val('');
								$("#hiddenMenDianTel").val('');
								$("#hiddenMendianId").val('');
								$("#hiddenMendianLxr").val('');
								$("#hiddenMendianName").val('');
								$("#hiddenAddress").val('');
								$("#hiddenLxTel").val('');
								findMarkflag = false;
								$("#map").hide();
								$("#layer").hide();
								$("#layer0").show();
							} else {
								findMarkflag = true;
								for ( var i = 0; i < data.result.length; i = i + 1) {
									if (data.result[i].tuijian) {
										var html = "<div style='font-size:14px;'><b>"
												+ data.result[i].name
												+ "</b></div>";
										html += "<div style='font-size:12px;margin-top:3px'>地址："
												+ data.result[i].address
												+ "</div>";
										html += "<div style='font-size:12px;'>电话："
												+ data.result[i].lxrTel
												+ "</div>";
										html += "<div style='font-size:12px;'>大约距离："
												+ data.result[i].distance
												+ "公里</div>";
										html += "<div style='font-size:12px;'>&nbsp;</div>";

										var opts2 = {
											width : 220,
											height : 110,
											title : "推荐门店"
										}
										$("#hiddenmendianAddr").val(data.result[i].address);
										$("#hiddenMendianId").val(data.result[i].id);
										$("#hiddenMendianLxr").val(data.result[i].lxr);
										$("#hiddenMendianName").val(data.result[i].name);
										$("#hiddenMenDianTel").val(data.result[i].lxrTel);
										var point2 = new BMap.Point(data.result[i].longitude,data.result[i].latitude);
										var marker2 = new BMap.Marker(point2); // 创建标注     
										marker2.addEventListener("click",function() {map1.openInfoWindow(infoWindow2,point2);});
										map1.addOverlay(marker2);
										map1.centerAndZoom(point2, 15);
										var infoWindow2 = new BMap.InfoWindow(html, opts2); // 创建信息窗口对象
										map1.openInfoWindow(infoWindow2,point2); // 打开信息窗口  
									}
								}
							}
						} else {
							alert("查询失败" + data.message);
						}
					}
				});
	}
}

function addEvent(marker1,infwindow,map1,address,mendianId,i,name,lxr,lxrTel){
	google.maps.event.addListener(marker1, 'click', function(){
		infowindows[_i].close();
		infwindow.open(map1, marker1);
		_i=i;
		//订单数据
		$("#hiddenmendianAddr").val(address);
		$("#hiddenMendianId").val(mendianId);
		$("#hiddenMendianLxr").val(lxr);
		$("#hiddenMendianName").val(name);
		$("#hiddenMenDianTel").val(lxrTel);
	});
}


function submitdingdan() {
	$('#dingDanForm').ajaxSubmit(
					{
						url : 'saveDingDan.do?t=' + (new Date()),
						type : 'post',
						dataType : 'text',
						success : function(data) {
							$(".qrcodeSource")
									.attr(
											'src',
											'http://wxapi.softweare.net/image/qrcode.json?token=' + data);
							$(".dingDanUuid").html(data);
						}
					});
	slider.goToSlide(5);
}
function afterSelectDianchi() {
	var pinPai = $("#pinPai").val();
	if ('' == pinPai) {
		$(".btnBlack").addClass('btnBlack');
		alert('先选择电池');
	} else {
		$(".btnBlack").addClass('btnBlue');
		next();
	}
}
function next() {
	var index = slider.getCurrentSlide();
	var tab = $('#tab' + index);
	var nextTab = tab.attr('next');
	if (nextTab != '') {
		$("#" + nextTab).click();
	}
}
function back() {
	var index = slider.getCurrentSlide();
	var tab = $('#tab' + index);
	var nextTab = tab.attr('prev');
	if (nextTab != '') {
		$("#" + nextTab).click();
	}
}